<html lang="en">
<head>
<title>Break Notification</title>
<script type="text/javascript" src="../Scripts_oo/NotificationWindow.js"></script>
<script type="text/javascript" src="../Scripts_oo/Utilities.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../Scripts_oo/UtilScripts/jquery.countdown.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" type="text/css" href="../CSS/notificationWindow.css" />

</head>
<body>
	
	<div id="timerContainerLevel1">
			<div id="timerContainerLevel2">
				<div id="counter" class="timerDisplay"></div>
			</div>
	</div>
	  
	<div>
		<div id="breakDetails">
			<div class="text">
				Next break begins at <span id="nextBreakTime"></span>
			</div>
			<div>
				<button class="button orange" id="skipBreakButton" type="button">Skip Break!</button>
			</div>
		</div>
		<div id="soundSettings">
			<img class=audioSettingsButton src="../Resources/muteButton.jpg" id="enableDisableSounds" alt="Mute"></img>
		</div>
	</div>
</body>
</html>